<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<title>充值</title>
	<link rel="stylesheet" href="css/basic.css">
	<link rel="stylesheet" href="css/list.css">
    <link rel="stylesheet" href="css/pay.css">
    
	<style>
		#bg{
			background: url(img/course6.jpg) no-repeat 50% 0;
			background-size: cover;
		}
	</style>
   
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/list.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="js/jquery.validate.min.js"></script>
</head>

<body >

<div id="nav">
	<div class="nav_container">
		<h1 class="nav_logo">皮皮图书</h1>
		<ul class="nav_ul">
			<li>
				<a href="index.html" class="active">首页</a>
			</li>
			<li>
				<a href="course.html">排行</a>
			</li>
            <li>
				<a href="l&r.html">有声图书</a>
			</li>
			<li>
				<a href="pay.html">充值</a>
			</li>
			<li>
				<a href="more.html">活动</a>
			</li>
		</ul>
	</div>
</div>



<div class="register-container" style="background-image:url(Images/123.jpg)">
	<div id="chongzhi_top"> </div>
	<h1 class="conn">皮皮充值</h1>
 
	<div class="connect">
		<p>主人 欢迎回来~</p>
        	<p>你还在为皮币不足而烦恼吗?</p>	
            	<p>快来与我们签订契约吧~</p>
	</div>
	<div id="chongzhi_c">
    <div id="chongzhi_cc">
    <p id="kkk">请扫付款二维码</p>
    <div id="ppp">
    <img src="Images/x.png"  width="50" height="40" onClick="ppp2()">
    </div>
    <img src="Images/popo.jpg" width="150" height="150" >
    
    </div>
    </div>
	<form action="" method="post" id="registerForm">
		<div  class="conn">
			<input type="text" name="username" class="username" placeholder="充值账号" autocomplete="off"/>
		</div>
		<div class="conn">
			<input type="password" name="password" class="password" placeholder="充值密码" oncontextmenu="return false" onpaste="return false" />
		</div>
		<div class="conn">
			<input type="password" name="confirm_password" class="confirm_password" placeholder="再次输入充值密码" oncontextmenu="return false" onpaste="return false" />
		</div>
	  <div class="conn">
			<input type="text" name="phone_number" id="number_1" class="phone_number" placeholder="输入手机号码" autocomplete="off" />
		</div>
	

		<button id="submit"  class="submitk" type="submit" onClick="ppp()" >提 交</button>
	</form>
    <div id="chongzhi_top">
</div>
</div>

</div>   

<div id="footer">
	<div class="footer_container">
		皮皮图书
	</div>
</div>


</body>
</html>